@charset "utf-8";
html,
img,
fieldset { border: 0; }
html,
body,
form { margin: 0; padding: 0; }
body { color: #333; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0; font-size: 14px; font-weight: normal; }
.b { font-weight: bold; }
ul,
ol { margin: 0; padding: 5px 5px 5px 40px; }
dl,
p { margin: 0; padding: 5px 0; }

.c_fff { color: #fff; }
.c_333 { color: #333; }
.c_666 { color: #666; }
.c_999 { color: #999; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs40 { font-size: 40px; }
.clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.justify { text-align: justify; }
img,
a { border: 0; }
.img img { display: block; margin: 0 auto; }
ul,
li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after,
.clear:after,
.clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; vertical-align: middle; }
.img { overflow: hidden; position: relative; }
.img img { display: block; }
.line1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dotted { width: 76px; height: 2px; background-image: linear-gradient(to bottom, #d7d7d7, #d7d7d7 20px, transparent 0); position: relative; background-size: 100% 20px; }
*,
*:after,
*:before { transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol,
ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }


/*----------basic----------*/

.clear { clear: both; }
.fl{ float: left;}
.fr{ float: right;}
.flex { display: flex; }
.flex1 { flex: 1; width: 0; }
.flex.center { align-items: center; }
.flex.center_v { justify-content: center; }
.s-center {

    align-items: center;
}
.h-center {

    justify-content: center; 
}
.v-center{
    display:flex;align-items: center;justify-content:center;
}
.yc_text1{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.yc_text2{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;    height: 3em;
overflow: hidden;}
.row {
    margin-right: 0;
    margin-left: 0;
}
.pa{ position: absolute;}
.pr{ position: relative;}
.w1200 {
    max-width: 1200px;
	top: 0;left:0;right:0;bottom:0;
	margin: auto;
}
.w100{ width: 100%;}
.w90{ width: 90%; margin: 0 5%;}
.w80{ width: 80%; margin: 0 10%;}
.w70{ width: 70%; margin: 0 15%;}
.w60{ width: 60%; margin: 0 20%;}
.w50{ width: 50%; margin: 0 25%;}
.w40{ width: 40%; margin: 0 30%;}
.w30{ width: 30%; margin: 0 35%;}
.w20{ width: 20%; margin: 0 40%;}
.w10{ width: 10%; margin: 0 45%;}
.ht05 { height: 5px; }
.ht10 { height: 10px; }
.ht15 { height: 15px; }
.ht20 { height: 20px; }
.ht25 { height: 25px; }
.ht30 { height: 30px; }
.ht35 { height: 35px; }
.ht40 { height: 40px; }
.ht45 { height: 45px; }
.ht50 { height: 50px; }
.ht55 { height: 55px; }
.ht60 { height: 60px; }
.ht65 { height: 65px; }
.ht70 { height: 70px; }
.ht75 { height: 75px; }
.ht80 { height: 80px; }
.ht85 { height: 85px; }
.ht90 { height: 90px; }
.ht95 { height: 95px; }
.ht100 { height: 100px; }
.ht200 { height: 200px; }
.ht300 { height: 300px; }
.ht400 { height: 400px; }
.ht500 { height: 500px; }
.wh05 { display: inline-block; width: 5px; }
.wh10 { display: inline-block; width: 10px; }
.wh15 { display: inline-block; width: 15px; }
.wh20 { display: inline-block; width: 20px; }
.wh25 { display: inline-block; width: 25px; }
.wh30 { display: inline-block; width: 30px; }
.wh35 { display: inline-block; width: 35px; }
.wh40 { display: inline-block; width: 40px; }
.wh45 { display: inline-block; width: 45px; }
.wh50 { display: inline-block; width: 50px; }
.wh55 { display: inline-block; width: 55px; }
.wh60 { display: inline-block; width: 60px; }
.wh65 { display: inline-block; width: 65px; }
.wh70 { display: inline-block; width: 70px; }
.wh75 { display: inline-block; width: 75px; }
.wh80 { display: inline-block; width: 80px; }
.wh85 { display: inline-block; width: 85px; }
.wh90 { display: inline-block; width: 90px; }
.wh95 { display: inline-block; width: 95px; }
.wh100 { display: inline-block; width: 100px; }
.none { display: none; }
.hide { opacity: 0; filter: alpha(opacity=0); }
.radius { border-radius: 5px; }
.modal,
.fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0, 0, 0, 0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
.box_shadow{box-shadow:0 0.375rem 0.875rem 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0.375rem 0.875rem 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0.375rem 0.875rem 0 rgba(0,0,0,0.1);
/*box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.2);*/}

.no_animation{transition: all 0s!important;
	-webkit-transition: all 0s!important;
	-moz-transition: all 0s!important;
	-ms-transition: all 0s!important;
	-o-transition: all 0s;!important}
	
.no_animation:hover{transition: all 0s!important;
	-webkit-transition: all 0s!important;
	-moz-transition: all 0s!important;
	-ms-transition: all 0s!important;
	-o-transition: all 0s;!important}
.no-pd{ padding: 0;}
.mr_b20{    margin-bottom: 20px;}
.display_inline{display: inline-block;}
/*----------custom----------*/